// 公共样式
export const commonStyle = {
    rotate: 0, 
    opacity: 1,
}

export const commonAttr = {
    animations: [],
    events: {},
}

// 编辑器左侧组件列表
const list = [
    {
        component: 'r-text',
        label: '文字',
        propValue: '双击编辑文字',
        icon: 'iconshunshiliuliang',
        style: {
            width: 200,
            height: 22,
            fontSize: 14,
            fontWeight: 500,
            lineHeight: '',
            borderWidth: 1,
            borderColor: '#000',
            letterSpacing: 0,
            borderStyle: 'solid',
            textAlign: '',
            color: '#adc',
        },
    },
    {
        component: 'r-box',
        label: '矩形',
        propValue: '',
        icon: 'iconduoxuan-nor',
        style: {
            width: 200,
            height: 200,
            fontSize: 14,
            fontWeight: 500,
            lineHeight: '',
            letterSpacing: 0,
            textAlign: 'center',
            color: '',
            borderColor: '#000',
            borderWidth: 1,
            backgroundColor: '',
            borderStyle: 'solid',
            verticalAlign: 'middle',
        },
    },
    {
        component: 'r-circle',
        label: '圆形',
        propValue: '',
        icon: 'iconyunhangzhong',
        style: {
            width: 50,
            height: 50,
            fontSize: 14,
            fontWeight: 500,
            lineHeight: '',
            borderRadius:'50%',
            letterSpacing: 0,
            textAlign: 'center',
            color: '',
            borderColor: '#000',
            borderWidth: 1,
            backgroundColor: '',
            borderStyle: 'solid',
            verticalAlign: 'middle',
        },
    },
]

for (let i = 0, len = list.length; i < len; i++) {
    const item = list[i]
    item.style = { ...commonStyle, ...item.style }
    list[i] = { ...commonAttr, ...item }
}

export default list